<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Error</title>
    <meta name="robots" content="noindex, follow"/>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <div th:replace="~{BackEnd/navigation::Favicon}"></div>
</head>

<body class="skin-dark">

<div class="main-wrapper">

    <div class="main-wrapper">

        <!-- Content Body Start -->
        <div class="content-body m-0 p-0">

            <!--Error Start-->
            <div class="error-wrap">
                <div class="container">
                    <div class="row">

                        <div class="error-image col-12"><img src="../../static/assets/images/error/error-1.png" alt=""></div>

                        <div class="error-content col-12">
                            <h1 class="title">Loks like you are lost</h1>
                            <h4>Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum is simply dummy.</h4>
                            <a th:href="@{/main}" class="button button-secondary button-round">Back to home</a>
                        </div>
                    </div>
                </div>
            </div>
            <!--Error End-->

        </div><!-- Content Body End -->

    </div>

</div>

<!-- =====================Js======================= -->
<div th:replace="~{BackEnd/navigation::Jsp}"></div>

</body>

</html>